<!-- 内容加密，点击展示 -->
<template>
	<div class="ciphertext flex-center">{{ showReal ? realtext : ciphertext }}</div>
	<el-button link @click="showReal = !showReal" :icon="showReal ? 'View' : 'Hide'"></el-button>
</template>

<script setup>
import { ref } from 'vue';

const props = defineProps({
	ciphertext: String,
	realtext: String,
});

const showReal = ref(false);
</script>

<style scoped>
.rating {
	width: 100%;
	margin-top: 5px;
	color: var(--el-color-warning);
}

.star {
	display: inline-block;
	margin-right: 4px;
	font-size: 18px;
	margin-top: 2px;
	vertical-align: top;
}
.fill-star {
	font-size: 22px;
	vertical-align: top;
}
</style>
